<template>
	<div class="app-div">
		<router-view></router-view>
	</div>
</template>
<script>
	// 导入组件

	export default {
		/**
		 * ES6语法：
		 * vTitle,
		 * vButton
		 * 等同于
		 * vTitle:vTitle,
		 * vButton:vButton
		 * 对象字面量缩写，当对象的key和value一致时，可以缩写成一个
		 */
		components: {},
		methods: {
			handleClick(e) {
				console.log(e);
			}
		},
		/**
		 * ES6语法：
		 * data(){}
		 * 等同于
		 * data:function(){}
		 */
		data() {
			return {
				name: 'Vue.js'
			}
		}
	}
</script>
<style>
	html, body{
		width: 100%;
		height: 100%;
		margin: 0px;
	}
	
	.app-div {
		height: 100%;
	}
</style>
